<!DOCTYPE html>
<html>

<head>
    <title>导出数据</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="description" content="北京规划院 移动办公 OA 自动化">
    <link rel="stylesheet" href="../css/weui.min.css">

    <style type="text/css">
        .agent-span {
            color: #5bc0de;
        }

        .operation-icon {
            text-align: center;
        }

        .weui-media-box__desc {
            color: #0d0d0d;
            font-size: 14px;
        }

        html,
        body,
        .page {
            height: 100%;
            background-color: #F0EFF5;
        }

        .weui-media-box__title {
            font-size: 14px;
        }

        #pageTitle {
            width: 100%;
            height: 50px;
            line-height: 50px;
            background-color: #3285FF;
            text-align: center;
            color: #fff;
            font-size: 18px;
        }
        .weui-cells{
            width: 95%;
            margin: 0px auto;
        }
        .weui-media-box p{
            margin-bottom: 5px;
        }
        .weui-panel:after{
            border-bottom: 0;
        }
        .weui-cell:before{
            border-top: 0;
        }
    </style>
</head>

<body>
<!-- 基本信息页面 -->
<div class="page input js_show">
    <div class="page__bd">
        <div id="pageTitle" style="display: none">
            导出数据
        </div>
        <div class="weui-cells" style="margin-top: 0px;">

            <!-- 内容部分 -->
            <div class="weui-panel weui-panel_access" style="padding: 8px;padding-bottom: 5px;">
                <div class="weui-panel__bd" style="border: 1px dashed #000;background-color: #f0eff5;">
                    <div class="weui-media-box weui-media-box_text" style="padding-top:5px ;">
                        <h4 class="weui-media-box__title" style="text-align: center;font-weight: 700;font-size: 17px;">[导出说明]</h4>
                        <p class="weui-media-box__desc">1.请复制链接，粘贴至浏览器中进行报名数据下载。</p>
                        <p class="weui-media-box__desc">2.导出数据为即时数据，如后续报名更新请重新导出。</p>
                        <p class="weui-media-box__desc">3.导出数据为excel格式，编辑和打印请在电脑端操作。</p>
                        <p class="weui-media-box__desc">4.遇到问题时，请及时联系信息中心。</p>
                    </div>
                </div>
            </div>
            <div class="weui-cell" style="padding: 10px 8px;">
                <div class="weui-cell__bd" style="border-bottom: 1px solid #ddd;">
                    <input class="weui-input" type="text" placeholder="请输入文本" id="csvFileUrl">
                </div>
            </div>
        </div>
        <div style="margin-top: 15px; ">
            <a href="javascript:;" class="weui-btn weui-btn_primary" data-clipboard-action="copy" data-clipboard-target="#csvFileUrl" style="background-color: #3285FF; color: #fff;width: 95%;" id="copy">复制</a>
        </div>

        <!-- 下面都是操作提示框 -->
        <!-- toast-->
        <div id="toast" style="opacity: 1; display: none;">
            <div class="weui-mask_transparent"></div>
            <div class="weui-toast">
                <i class="weui-icon-success-no-circle weui-icon_toast"></i>
                <p class="weui-toast__content"></p>
            </div>
        </div>

        <!-- dialog -->
        <div class="js_dialog" id="dialog" style="display:none">
            <div class="weui-mask jquery-weui-conflict-weui-min"></div>
            <div class="weui-dialog jquery-weui-conflict-weui-min">
                <div class="weui-dialog__bd"></div>
                <div class="weui-dialog__ft">
                    <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary" id="iknow">知道了</a>
                </div>
            </div>
        </div>

        <!--loadingToast-->
        <div id="loadingToast" style="opacity: 1; display: none;">
            <div class="weui-mask_transparent"></div>
            <div class="weui-toast">
                <i class="weui-loading weui-icon_toast"></i>
                <p class="weui-toast__content"></p>
            </div>
        </div>
    </div>
</div>
</body>

<!--<script src="../js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>-->
<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery-weui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jweixin-1.2.0.js" charset="UTF-8"></script>
<script src="../js/clipboard.min.js"></script>
<script type="text/javascript" src="../js/my-js/exportData.js"></script>

</html>